<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录/注册</title>
    <link rel="stylesheet" href="css/amazeui.css" />
    <link rel="stylesheet" href="css/other.min.css" />
    <link rel="shortcut icon" href="webicon.ico" type="image/x-icon" />

<style type="text/css">
*{
	margin: 0;
	padding: 0;
}

#wrap {
	height: 400px;
	width: 100;
	position: center;
}
#wrap .logGet {
	height: 500px;
	width: 368px;  
	position: absolute;
	background-color: #FFFFFF;
	top: 25%;
	margin-left:38%;
}
.logGet .logD.logDtip .p1 {
	display: inline-block;
	font-size: 28px;
	margin-top: 30px;
	width: 100%;
}
#wrap .logGet .logD.logDtip {
	width: 100%;
	border-bottom: 1px solid #3e8e41;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.logGet .lgD img {
	position: absolute;
	top: 12px;
	left: 8px;
}
.logGet .lgD input {
	width: 100%;
	height: 42px;
	text-indent: 2.5rem;
}
#wrap .logGet .lgD {
	width: 86%;
	position: relative;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#wrap .logGet .logC {
	width: 86%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
 .button {
  display: inline-block;
  padding: 10px 100px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;   
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
</style>
</head>
<body style="background:#CCFF99;">


<div class="wrap" id="wrap">
	<div class="logGet">
			<!-- 头部提示信息 -->
			<div class="logD logDtip">
				<p class="p1" style="text-align:center;">注册</p>
			</div>
			
			
        <form method="post" action="UserServlet?method=register" class="am-form" data-am-validator>
            <input type="hidden" name="method" value="register">
			   <div class="lgD">
				<img src="userImage/email.png" width="20" height="20" alt=""/>
				<input type="email" name="email" minlength="3" 
					placeholder="输入邮箱" required/>
			   </div>

            <div class="lgD">
                <img src="userImage/user.png" width="20" height="20" alt=""/>
                <input type="text" name="name" minlength="3" placeholder="输入用户名（至少 3 个字符）" required/>
            </div>



            <div class="lgD">
				<img src="userImage/lock.png" width="20" height="20" alt=""/>
				<input type="password" name="password" 
					placeholder="输入密码" required/>
			   </div>
		

            <div class="lgD">
                <img src="userImage/lock.png" width="20" height="20" alt=""/>
                <input type="password" name="password_check" placeholder="确认密码" required/>
            </div>
            <div>
             <a><br></a> 
            </div>
            <div style="text-align:center;">
			
				<button class="button"  type="submit">注册</button>
			
            </div>

        </form>
    </div>
</div>

<script type="text/javascript" color="255,0,0" opacity="0.7" count="99" src="https://www.whatled.com/content/templates/whatled/js/canvas-nest.min.js"></script>

</body>
</html>

